@charset "utf-8";

/* HEADER */
header{
	width:100%; 
	height:auto; 
	text-align:center;
	margin:0px auto 0px;
	overflow:hidden;
	border:0px !important;
	position:relative;
}



/* MENU */
nav{
	z-index:602; 
	border:0px !important;
	vertical-align:middle;
	text-align:center; 
	height:35px;
	position:relative;
	width:100%;
	float:left;
	display: inline;
	list-style: none;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
}

nav li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 7px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
nav li:hover {
  background: #555;
  color: #fff;
}
nav li ul {
  padding: 0;
  position: absolute;
  top: 30px;
  left: 0;
  width: 230px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
nav li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
}
nav li ul li:hover { background: #666; }
nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

div#main{
	width:1000px;
	position:relative;
	float:left;
	margin-left:220px;
}

aside#barraRight{
	position:relative;
	float:right;
	width:200px;
	margin:10px;
}

section#central{
	position:relative;
	float:right;
	width:750px;
	margin:10px;
}
div#searching{position:absolute;bottom:-25px;left:0px;}


/* MODO EDICIÓN */


.menuedit,.menuedito{
   display:none;
   width:15px;
   height:15px;
   position:absolute;
   top:0px;
   left:0px;
}
.menuerase,.menueraseo{
   display:none;
   width:15px;
   height:15px;
   position:absolute;
   top:0px;
   left:20px;
}
.editin{
   display:none;
   width:20px;
   height:20px;
   position:absolute;
   top:5px;
   right:5px;
}



nav li ul li:hover img.menuedit{
	display:block;
}
nav li ul li:hover img.menuerase{
	display:block;
}
nav li ul li:hover img.editin{
	display:block;
}

nav li:hover img.menuedito {
   display: block;
}
nav li:hover img.menueraseo {
   display: block;
}

/*MODO EDICIÓN </>*/



